<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <link href="/web/css/style.css" rel="stylesheet" type="text/css"/>
    <!--[if IE 6]>
    <script src="/web/js/iepng.js" type="text/javascript"></script>
    <script type="text/javascript">
           EvPNG.fix('div, ul, img, li, input, a'); 



    </script>
    <![endif]-->

    <script src="/web/js/jquery-1.8.2.min.js" type="text/javascript"></script>
    <script src="/web/js/menu.js" type="text/javascript"></script>

    <script src="/web/js/lrscroll_1.js" type="text/javascript"></script>


    <script src="/web/js/n_nav.js" type="text/javascript"></script>

    <link href="/web/css/ShopShow.css" rel="stylesheet" type="text/css"/>
    <link href="/web/css/MagicZoom.css" rel="stylesheet" type="text/css"/>
    <script src="/web/js/MagicZoom.js" type="text/javascript"></script>

    <script src="/web/js/num.js" type="text/javascript">
    	var jq = jQuery.noConflict();



    </script>

    <script src="/web/js/p_tab.js" type="text/javascript"></script>

    <script src="/web/js/shade.js" type="text/javascript"></script>

    <title>魔金</title>
</head>
<body>
<!--Begin Header Begin-->
<div th:replace="web/layout/mallHeader"></div>
<!--End Header End-->
<!--Begin Menu Begin-->
<div class="menu_bg">
    <div class="menu">
        <!--Begin 商品分类详情 Begin-->
        <div class="nav">
            <div class="nav_t">全部商品分类</div>
            <div class="leftNav none">
                <ul>
                    <li>
                        <div class="fj">
                            <span class="n_img"><span></span><img src="/web/images/nav1.png"/></span>
                            <span class="fl">进口食品、生鲜</span>
                        </div>
                        <div class="zj">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                            </div>
                            <div class="zj_r">
                                <a href="#"><img height="200" src="/web/images/n_img1.jpg" width="236"/></a>
                                <a href="#"><img height="200" src="/web/images/n_img2.jpg" width="236"/></a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="fj">
                            <span class="n_img"><span></span><img src="/web/images/nav2.png"/></span>
                            <span class="fl">食品、饮料、酒</span>
                        </div>
                        <div class="zj" style="top:-40px;">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力2</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                            </div>
                            <div class="zj_r">
                                <a href="#"><img height="200" src="/web/images/n_img1.jpg" width="236"/></a>
                                <a href="#"><img height="200" src="/web/images/n_img2.jpg" width="236"/></a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="fj">
                            <span class="n_img"><span></span><img src="/web/images/nav3.png"/></span>
                            <span class="fl">母婴、玩具、童装</span>
                        </div>
                        <div class="zj" style="top:-80px;">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力3</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                            </div>
                            <div class="zj_r">
                                <a href="#"><img height="200" src="/web/images/n_img1.jpg" width="236"/></a>
                                <a href="#"><img height="200" src="/web/images/n_img2.jpg" width="236"/></a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="fj">
                            <span class="n_img"><span></span><img src="/web/images/nav4.png"/></span>
                            <span class="fl">家居、家庭清洁、纸品</span>
                        </div>
                        <div class="zj" style="top:-120px;">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力4</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                            </div>
                            <div class="zj_r">
                                <a href="#"><img height="200" src="/web/images/n_img1.jpg" width="236"/></a>
                                <a href="#"><img height="200" src="/web/images/n_img2.jpg" width="236"/></a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="fj">
                            <span class="n_img"><span></span><img src="/web/images/nav5.png"/></span>
                            <span class="fl">美妆、个人护理、洗护</span>
                        </div>
                        <div class="zj" style="top:-160px;">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力5</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                            </div>
                            <div class="zj_r">
                                <a href="#"><img height="200" src="/web/images/n_img1.jpg" width="236"/></a>
                                <a href="#"><img height="200" src="/web/images/n_img2.jpg" width="236"/></a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="fj">
                            <span class="n_img"><span></span><img src="/web/images/nav6.png"/></span>
                            <span class="fl">女装、内衣、中老年</span>
                        </div>
                        <div class="zj" style="top:-200px;">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力6</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                            </div>
                            <div class="zj_r">
                                <a href="#"><img height="200" src="/web/images/n_img1.jpg" width="236"/></a>
                                <a href="#"><img height="200" src="/web/images/n_img2.jpg" width="236"/></a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="fj">
                            <span class="n_img"><span></span><img src="/web/images/nav7.png"/></span>
                            <span class="fl">鞋靴、箱包、腕表配饰</span>
                        </div>
                        <div class="zj" style="top:-240px;">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力7</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                            </div>
                            <div class="zj_r">
                                <a href="#"><img height="200" src="/web/images/n_img1.jpg" width="236"/></a>
                                <a href="#"><img height="200" src="/web/images/n_img2.jpg" width="236"/></a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="fj">
                            <span class="n_img"><span></span><img src="/web/images/nav8.png"/></span>
                            <span class="fl">男装、运动</span>
                        </div>
                        <div class="zj" style="top:-280px;">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力8</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                            </div>
                            <div class="zj_r">
                                <a href="#"><img height="200" src="/web/images/n_img1.jpg" width="236"/></a>
                                <a href="#"><img height="200" src="/web/images/n_img2.jpg" width="236"/></a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="fj">
                            <span class="n_img"><span></span><img src="/web/images/nav9.png"/></span>
                            <span class="fl">手机、小家电、电脑</span>
                        </div>
                        <div class="zj" style="top:-320px;">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力9</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                            </div>
                            <div class="zj_r">
                                <a href="#"><img height="200" src="/web/images/n_img1.jpg" width="236"/></a>
                                <a href="#"><img height="200" src="/web/images/n_img2.jpg" width="236"/></a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="fj">
                            <span class="n_img"><span></span><img src="/web/images/nav10.png"/></span>
                            <span class="fl">礼品、充值</span>
                        </div>
                        <div class="zj" style="top:-360px;">
                            <div class="zj_l">
                                <div class="zj_l_c">
                                    <h2>零食 / 糖果 / 巧克力10</h2>
                                    <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a
                                        href="#">巧克力</a>|
                                    <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a
                                        href="#">红枣</a>|
                                    <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                                </div>
                            </div>
                            <div class="zj_r">
                                <a href="#"><img height="200" src="/web/images/n_img1.jpg" width="236"/></a>
                                <a href="#"><img height="200" src="/web/images/n_img2.jpg" width="236"/></a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!--End 商品分类详情 End-->
        <div th:replace="web/layout/mallHomeMenu"></div>
        <div class="m_ad">中秋送好礼！</div>
    </div>
</div>
<!--End Menu End-->
<div class="i_bg">
    <div class="postion">
        <span class="fl">全部 > 美妆个护 > 香水 > 迪奥 > 迪奥真我香水</span>
    </div>
    <div class="content">

        <div id="tsShopContainer">
            <div id="tsImgS"><a class="MagicZoom" href="images/p_big.jpg" id="MagicZoom" title="Images"><img
                    height="390" src="/web/images/p_big.jpg" th:src="@{${goods.sku.url}}" width="390"/></a></div>
            <div id="tsPicContainer">
                <div id="tsImgSArrL" onclick="tsScrollArrLeft()"></div>
                <div id="tsImgSCon">
                    <ul>
                        <li class="tsSelectImg" onclick="showPic(0)" rel="MagicZoom" th:each="g:${goods.images}"><img
                                height="79" src="/web/images/ps1.jpg" th:src="@{${g}}" tsImgS="images/ps1.jpg"
                                width="79"/></li>
                    </ul>
                </div>
                <div id="tsImgSArrR" onclick="tsScrollArrRight()"></div>
            </div>
            <img alt="Loading..." class="MagicZoomLoading" height="16" src="/web/images/loading.gif" width="16"/>
        </div>

        <div class="pro_des">
            <div class="des_name">
                <p th:text="${goods.sku.name}">Dior/迪奥 真我香水EDP 克丽丝汀迪奥 全新 30ml</p>

            </div>
            <div class="des_price">
                本店价格：￥<b th:text="${goods.sku.price}">￥589</b><br/>
                送积分：<span>28</span>
            </div>
            <div class="des_choice" th:each="com:${goods.skuSpecValues}">
                <span class="fl" th:text="${com.spec.name}">型号选择：</span>
                <ul>
                    <li class="checked" th:each="com1:${com.spec.goodsSpecValues}"><span th:text="${com1.name}"></span>
                        <div class="ch_img"></div>
                    </li>

                </ul>
            </div>

            <div class="des_share">
                <div class="d_sh">
                    分享
                    <div class="d_sh_bg">
                        <a href="#"><img src="/web/images/sh_1.gif"/></a>
                        <a href="#"><img src="/web/images/sh_2.gif"/></a>
                        <a href="#"><img src="/web/images/sh_3.gif"/></a>
                        <a href="#"><img src="/web/images/sh_4.gif"/></a>
                        <a href="#"><img src="/web/images/sh_5.gif"/></a>
                    </div>
                </div>
                <div class="d_care"><a onclick="ShowDiv('MyDiv','fade')">关注商品</a></div>
            </div>
            <div class="des_join">
                <div class="j_nums">
                    <input class="n_ipt" id="count" name="" type="text" value="1"/>
                    <input class="n_btn_1" onclick="addUpdate(jq(this));" type="button" value=""/>
                    <input class="n_btn_2" onclick="jianUpdate(jq(this));" type="button" value=""/>
                    <input id="skuId" th:hidden="true" th:value="${goods.id}"/>
                    <input id="spuId" th:hidden="true" th:value="${goods.spuId}"/>
                </div>
                <span class="fl"><a onclick="ShowDiv_1('MyDiv1','fade1')"><img src="/web/images/j_car.png"/></a></span>
            </div>
        </div>

        <div class="s_brand">
            <div class="s_brand_img"><img height="132" src="/web/images/sbrand.jpg" width="188"/></div>
            <div class="s_brand_c"><a href="#">进入品牌专区</a></div>
        </div>


    </div>
    <div class="content mar_20">
        <div class="l_history">
            <div class="fav_t">用户还喜欢</div>
            <ul>
                <li th:each="com,stat:${goods.goodsList}">
                    <div class="img"><a class="pic" th:href="@{'/web/goodsDetail/'+${com.id}}">
                        <img height="162" th:src="@{${com.url}}" width="185"/></a></div>
                    <div class="name"><a class="tit" th:href="@{'/web/goodsDetail/'+${com.id}}" th:text="${com.name}">Dior/迪奥香水2件套装</a>
                    </div>
                    <div class="price">
                        <font>￥<span th:text="${com.price}">368.00</span></font> &nbsp
                    </div>
                </li>

            </ul>
        </div>
        <div class="l_list">
            <div class="des_border">
                <div class="des_tit">
                    <ul>
                        <li class="current">推荐搭配</li>
                    </ul>
                </div>
                <div class="team_list">
                    <div class="img"><a href="#"><img height="140" src="/web/images/mat_1.jpg" width="160"/></a></div>
                    <div class="name"><a href="#">倩碧补水组合套装8折促销</a></div>
                    <div class="price">
                        <div class="checkbox"><input checked="checked" name="zuhe" type="checkbox"/></div>
                        <font>￥<span>768.00</span></font> &nbsp; 18R
                    </div>
                </div>
                <div class="team_icon"><img src="/web/images/jia_b.gif"/></div>
                <div class="team_list">
                    <div class="img"><a href="#"><img height="140" src="/web/images/mat_2.jpg" width="160"/></a></div>
                    <div class="name"><a href="#">香奈儿邂逅清新淡香水50ml</a></div>
                    <div class="price">
                        <div class="checkbox"><input name="zuhe" type="checkbox"/></div>
                        <font>￥<span>749.00</span></font> &nbsp; 18R
                    </div>
                </div>
                <div class="team_icon"><img src="/web/images/jia_b.gif"/></div>
                <div class="team_list">
                    <div class="img"><a href="#"><img height="140" src="/web/images/mat_3.jpg" width="160"/></a></div>
                    <div class="name"><a href="#">香奈儿邂逅清新淡香水50ml</a></div>
                    <div class="price">
                        <div class="checkbox"><input checked="checked" name="zuhe" type="checkbox"/></div>
                        <font>￥<span>749.00</span></font> &nbsp; 18R
                    </div>
                </div>
                <div class="team_icon"><img src="/web/images/equl.gif"/></div>
                <div class="team_sum">
                    套餐价：￥<span>1517</span><br/>
                    <input class="sum_ipt" type="text" value="1"/><br/>
                    <a href="#"><img src="/web/images/z_buy.gif"/></a>
                </div>

            </div>
            <div class="des_border">
                <div class="des_tit">
                    <ul>
                        <li class="current"><a href="#p_attribute">商品属性</a></li>
                        <li><a href="#p_details">商品详情</a></li>
                        <li><a href="#p_comment">商品评论</a></li>
                    </ul>
                </div>
                <div class="des_con" id="p_attribute">

                    <table align="center" border="0" cellpadding="0"
                           cellspacing="0" style="width:100%; font-family:'宋体'; margin:10px auto;">
                        <tr th:each="com,stat:${goods.spuAttributeValues}">
                            <td th:text="${com.attributeName +':'+com.attributeValue}">商品名称：迪奥香水</td>
                        </tr>

                    </table>


                </div>
            </div>

            <div class="des_border" id="p_details">
                <div class="des_t">商品详情</div>
                <div class="des_con" th:text="${goods.mobileDesc}">

                </div>
            </div>

            <div class="des_border" id="p_comment">
                <div class="des_t">商品评论</div>

                <table border="0" cellpadding="0" cellspacing="0" class="jud_tab">
                    <tr>
                        <td class="jud_per" width="175">
                            <p th:text="${goods.commentSummarize.goodPert}">80.0%</p>好评度
                        </td>
                        <td width="300">
                            <table border="0" cellpadding="0" cellspacing="0" style="width:100%;">
                                <tr>
                                    <td width="90">好评<font color="#999999"><p
                                            th:text="${'（'+goods.commentSummarize.goodPert+'）'}">80.0%</p></font></td>
                                    <td><img align="absmiddle" src="/web/images/pl.gif"/></td>
                                </tr>
                                <tr>
                                    <td>中评<font color="#999999"><p
                                            th:text="${'（'+goods.commentSummarize.middlePert+'）'}">80.0%</p></font></td>
                                    <td><img align="absmiddle" src="/web/images/pl.gif"/></td>
                                </tr>
                                <tr>
                                    <td>差评<font color="#999999"><p th:text="${'（'+goods.commentSummarize.badPert+'）'}">
                                        80.0%</p></font></td>
                                    <td><img align="absmiddle" src="/web/images/pl.gif"/></td>
                                </tr>
                            </table>
                        </td>
                        <td class="jud_bg" width="185">
                            购买过<span th:text="${goods.sku.name}"></span>的顾客，在收到商品才可以对该商品发表评论
                        </td>
                        <td class="jud_bg">您可对已购买商品进行评价<br/><a href="#"><img src="/web/images/btn_jud.gif"/></a></td>
                    </tr>
                </table>


                <table border="0" cellpadding="0" cellspacing="0" class="jud_list" style="width:100%; margin-top:30px;">
                    <tr th:each="com:${smsHomeRecommendList}" valign="top">
                        <td width="160"><img align="absmiddle" height="20" src="/web/images/peo1.jpg"
                                             th:src="@{${com.customerImage}}" width="20"/>&nbsp;<p
                                th:text="${com.customerName}">
                            德国进口</p></td>

                        <td th:text="${com.comment}">
                            产品很好，香味很喜欢，必须给赞。 <br/>
                            <font color="#999999" th:text="${com.createTime}">2015-09-24</font>
                        </td>
                    </tr>

                </table>


            </div>


        </div>
    </div>


    <!--Begin 弹出层-收藏成功 Begin-->
    <div class="black_overlay" id="fade"></div>
    <div class="white_content" id="MyDiv">
        <div class="white_d">
            <div class="notice_t">
                <span class="fr" onclick="CloseDiv('MyDiv','fade')" style="margin-top:10px; cursor:pointer;"><img
                        src="/web/images/close.gif"/></span>
            </div>
            <div class="notice_c">

                <table align="center" border="0" cellpadding="0" cellspacing="0" style="margin-top:;">
                    <tr valign="top">
                        <td width="40"><img src="/web/images/suc.png"/></td>
                        <td>
                            <span style="color:#3e3e3e; font-size:18px; font-weight:bold;">您已成功收藏该商品</span><br/>
                            <a href="#">查看我的关注 >></a>
                        </td>
                    </tr>
                    <tr height="50" valign="bottom">
                        <td>&nbsp;</td>
                        <td><a class="b_sure" href="#">确定</a></td>
                    </tr>
                </table>

            </div>
        </div>
    </div>
    <!--End 弹出层-收藏成功 End-->


    <!--Begin 弹出层-加入购物车 Begin-->
    <div class="black_overlay" id="fade1"></div>
    <div class="white_content" id="MyDiv1">
        <div class="white_d">
            <div class="notice_t">
                <span class="fr" onclick="CloseDiv_1('MyDiv1','fade1')" style="margin-top:10px; cursor:pointer;"><img
                        src="/web/images/close.gif"/></span>
            </div>
            <div class="notice_c">

                <table align="center" border="0" cellpadding="0" cellspacing="0" style="margin-top:;">
                    <tr valign="top">
                        <td width="40"><img src="/web/images/suc.png"/></td>
                        <td>
                            <span style="color:#3e3e3e; font-size:18px; font-weight:bold;">宝贝已成功添加到购物车</span><br/>
                            购物车共有1种宝贝（3件） &nbsp; &nbsp; 合计：1120元
                        </td>
                    </tr>
                    <tr height="50" valign="bottom">
                        <td>&nbsp;</td>
                        <td><a class="b_sure" th:href="@{'/web/BuyCar'}">去购物车结算</a><a class="b_buy"
                                                                                      th:href="@{'/web/index'}">继续购物</a>
                        </td>
                    </tr>
                </table>

            </div>
        </div>
    </div>
    <!--End 弹出层-加入购物车 End-->


    <!--Begin Footer Begin -->
    <div th:replace="web/layout/mallFooter"></div>
    <!--End Footer End -->
</div>

</body>
<script src="/web/js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="/web/js/ShopShow.js"></script>
<script>
    function ShowDiv_1(show_div,bg_div){

        var count=$("#count").val();
        var skuId=$("#skuId").val();
        var spuId=$("#spuId").val();
        $.ajax({
            type: "post",
            url: '/web/addCart',
            data: {
                skuId:skuId,
                spuId:spuId,
                count:count},
            dataType: "json",
            success:function(data) {
                if(data.code==0){
                    if(type==1){
                        layer.msg("加入购车成功!",2, 8);
                    }else{
                        window.location.href = "/person/web/likBuy/"+goodsid;
                    }
                }else if(data.success=='login'){
                    window.location.href = "/web/login"
                }
            }
        });

	document.getElementById(show_div).style.display='block';
	document.getElementById(bg_div).style.display='block' ;
	var bgdiv = document.getElementById(bg_div);
	bgdiv.style.width = document.body.scrollWidth;
	// bgdiv.style.height = $(document).height();
	$("#"+bg_div).height($(document).height());
};



</script>
<!--[if IE 6]>
<script src="//letskillie6.googlecode.com/svn/trunk/2/zh_CN.js"></script>
<![endif]-->
</html>
